<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">

        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

        <title>迷你爬虫</title>

        <!-- CSS -->
        <link href="static/css/bootstrap.min.css" rel="stylesheet">
        <link href="static/css/form.css" rel="stylesheet">
        <link href="static/css/style.css" rel="stylesheet">
        <link href="static/css/animate.css" rel="stylesheet">
        <link href="static/css/generics.css" rel="stylesheet">
    </head>
    <body id="skin-blur-violate">
        <section id="login">
            <header>
                <h1>基于网络爬虫的IT专业需求信息挖掘系统</h1>
                <h3>By 夏蕾&&施旭玲</h3>
            </header>

            <div class="clearfix"></div>

            <!-- Login -->
            <form class="box tile animated active" id="box-login" action="login" method="post">
                <h2 class="m-t-0 m-b-15">Login</h2>
                <input name="username" type="text" class="login-control m-b-10" placeholder="Username">
                <input name="password" type="password" class="login-control" placeholder="Password">
                <div class="checkbox m-b-20">

                </div>
                <button class="btn btn-sm m-r-5">Sign In</button>

            </form>


        </section>

        <!-- Javascript Libraries -->
        <!-- jQuery -->
        <script src="static/js/jquery.min.js"></script> <!-- jQuery Library -->

        <!-- Bootstrap -->
        <script src="static/js/bootstrap.min.js"></script>

        <!--  Form Related -->
        <script src="static/js/icheck.js"></script> <!-- Custom Checkbox + Radio -->

        <!-- All JS functions -->
        <script src="static/js/functions.js"></script>
    </body>
</html>
